import { FC } from 'react';
import Grids from './grid'
import PropTypes from 'prop-types';
import './style.less'

const MyGrids = (props) => {
  const { col, row } = props;
  return (
    <Grids col={col} row={row}>
      <div className="grid-h100">
        { props.children }
      </div>
    </Grids>
  )
}

MyGrids.propTypes = {
  col: PropTypes.number,
  row: PropTypes.number
};

MyGrids.defaultProps = {
  col: 4,
  row: 4,
}


export default MyGrids;

